<!DOCTYPE html>
<html>
<head>
	<title>jsonp</title>
</head>
<body>
<div>
	<button>获取数据</button>
</div>
<script type="text/javascript">
	
/* jsonp

	1. 动态创建script标签，并且设置src属性

	2. src href不存在跨域问题，因此我们可以使用以上的方法，src的属性为服务器的地址

	3. 服务器调用前端已经定义好的函数如fun(data)，在该函数里里传入数据
	
	4. 前端可以在fun(data)中获取到data数据，从而达到跨域
*/


var btn = document.getElementsByTagName('button')[0];
btn.onclick = function() {
	var head = document.getElementsByTagName('head')[0];
	var script = document.createElement('script');
	head.appendChild(script);
	script.src = 'http://php.com/jsonp/1.php';
}
function fun(data) {
	console.log(data);
}

</script>
</body>
</html>